@charset "utf-8";
.promotion-carousel .promotions { width: 100%; overflow: hidden; }
.promotion-carousel .promotion { width: 100%; position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat; overflow: hidden; margin: 0 auto; line-height: normal; height: auto; z-index: 0; }
.navigation { width: 90px; position: fixed; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20px; z-index: 9999; overflow: hidden; }
.navigation li { width: 90px; height: 25px; display: block; margin: 0 0 10px 0; }
.navigation li a { width: 10px; height: 25px; display: block; line-height: 25px; cursor: pointer; font-size: 13px; transition: .2s ease; font-family: 'avantgarde_bk_btbook'; }
.navigation li a i { font-style: normal; line-height: 25px; }
.navigation li a span { display: none; margin-left: 10px; }
.navigation li a.active { width: 90px; text-align: center; background: #c9151e; color: #FFF; padding: 0 5px; }
.navigation li a.active i { display: block; float: left; }
.navigation li a.active span { display: block; float: left; }
.lina { -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -moz-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -o-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -ms-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -m oz-transition: .3s ease-in;
-webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; transition: .3s ease-in; transition: all .3s; }
/*section2*/
#section2 { padding-top: 5vw; }
#section2 .cplb { width: 100%; overflow: hidden; position: relative; padding-bottom: 5.9vw; }
#section2 .cplb .cp_img { width: 100%; overflow: hidden; }
#section2 .cplb .cplb_txt { width: 100%; overflow: hidden; position: absolute; left: 0; top: 0; padding-top: 2.5vw; }
#section2 .cplb .cplb_txt .cplb_top { width: 100%; height: 2.7vw; line-height: 2.7vw; }
#section2 .cplb .cplb_txt .cplb_top .cpln { width: 4%; height: 3px; display: block; float: left; background: #c9151e; margin-top: 1.2vw; }
#section2 .cplb .cplb_txt .cplb_top .winona { margin-left: 2%; }
#section2 .cplb .cplb_txt .cplb_top .more { width: auto; height: 2.6vw; line-height: 2.6vw; border: 1px #cccccc solid; display: block; float: right; margin-right: 3.6%; padding: 0 25px; }
#section2 .cplb .cplb_txt .cplb_top .more i { width: 32px; height: 2.6vw; margin-right: 5px; display: block; float: left; background-image: url(../images/ioc1.png); background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: contain; }
#section2 .cplb .cplb_txt .cplb_top:hover .cpln { width: 6%; }
#section2 .cplb .cplb_txt .cplb_ln { width: 100%; overflow: hidden; }
#section2 .cplb .cplb_txt .cplb_ln li { width: 44%; overflow: hidden; position: relative; height: 18vw; }
#section2 .cplb .cplb_txt .cplb_ln li.cp1 { float: left; margin-left: 4%; }
#section2 .cplb .cplb_txt .cplb_ln li.cp2 { float: right; margin-right: 4%; }
#section2 .cplb .cplb_txt .cplb_ln li i { width: 8%; display: block; margin: 0 auto; padding-top: 2.8vw; }
#section2 .cplb .cplb_txt .cplb_ln li span { width: 50%; display: block; position: absolute; left: 25%; top: 6.4vw; z-index: 10; text-align: center; }
#section2 .cplb .cplb_txt .cplb_ln li em { width: 20%; display: block; -m oz-transition: .7s ease-in;
-webkit-transition: .7s ease-in; -o-transition: .7s ease-in; -ms-transition: .7s ease-in; transition: .7s ease-in; transition: all .7s; position: absolute; right: -100%; top: 0; z-index: 1; }
#section2 .cplb .cplb_txt .cplb_ln li ol { width: 8%; display: block; -m oz-transition: .3s ease-in;
-webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; transition: .3s ease-in; transition: all .3s; position: absolute; left: -100%; top: 4.3vw; z-index: 10; }
#section2 .cplb .cplb_txt .cplb_ln li p { width: 50%; display: block; color: #FFF; text-align: center; line-height: 1.8; opacity: 0.8; -m oz-transition: .3s ease-in;
-webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; transition: .3s ease-in; transition: all .3s; position: absolute; left: -100%; top: 10.8vw; z-index: 10; }
#section2 .cplb .cplb_txt .cplb_ln li .sum { width: auto; display: block; text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4); color: #FFF; -m oz-transition: .3s ease-in;
-webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; transition: .3s ease-in; transition: all .3s; position: absolute; right: -100%; bottom: -1vw; z-index: 10; font-family: 'youshebiaotiheiregular'; }
#section2 .cplb .cplb_txt .cplb_ln li sbg { width: 94%; height: 16vw; display: block; background: url(../images/cy.png) no-repeat center bottom; background-size: 100% 100%; position: absolute; left: -100%; bottom: 0; z-index: 5; -m oz-transition: .5s ease-in;
-webkit-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; transition: all .5s; }
#section2 .cplb .cplb_txt .cplb_ln li:hover i { display: none; }
#section2 .cplb .cplb_txt .cplb_ln li:hover span { color: #FFF; top: 8.4vw; }
#section2 .cplb .cplb_txt .cplb_ln li:hover em { right: 0; }
#section2 .cplb .cplb_txt .cplb_ln li:hover ol { left: 46%; }
#section2 .cplb .cplb_txt .cplb_ln li:hover p { left: 25%; }
#section2 .cplb .cplb_txt .cplb_ln li:hover .sum { right: 15%; }
#section2 .cplb .cplb_txt .cplb_ln li:hover sbg { left: 0%; }
.banner-box { width: 100%; float: left; position: relative; overflow: hidden; border-top: 1px #eeeeee solid; }
.banner-box .swiper-container-no-flexbox .swiper-slide { float: left }
.banner-box .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column }
.banner-box .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.banner-box .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.banner-box .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; height: 100%; position: relative; padding: 2.4vw 0; }
.banner-box .swiper-slide { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; transform: scale(.8); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.8); -moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px; opacity: 0.3; filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); }
.banner-box .swiper-slide .pic_img { width: 44%; float: right; overflow: hidden; display: block; margin-right: 4%; }
.banner-box .swiper-slide .pic_img img { width: 100%; max-width: 100%; max-height: 100%; }
.banner-box .swiper-slide .pic_txt { width: 44%; overflow: hidden; float: left; margin: 0 0 0 4%; position: relative; }
.banner-box .swiper-slide .pic_txt .tina { width: 100%; overflow: hidden; display: block; }
.banner-box .swiper-slide .pic_txt .cpz { width: 5%; height: 2px; display: block; background: #c9151e; margin: 1vw 0 0 0; }
.banner-box .swiper-slide .pic_txt p { width: 100%; overflow: hidden; opacity: 0.8; line-height: 1.5vw; padding-top: 12px; }
.banner-box .swiper-slide .pic_txt .more { width: 30%; height: 2.7vw; display: block; line-height: 2.7vw; background: #c9151e; text-align: center; color: #fff; margin-top: 2vw; }
.banner-box .swiper-slide:hover .pic_txt .tina { color: #c9151e; }
.banner-box .swiper-slide:hover .pic_txt .cpz { width: 10%; }
.banner-box .swiper-slide:hover .pic_txt .more { background: #282828; color: #FFF; }
.banner-box .swiper-slide-active, .banner-box .swiper-slide-duplicate-active { -webkit-transform: scale(1.1); transform: scale(1.1); border-left: 1px #eeeeee solid; border-right: 1px #eeeeee solid; opacity: 1; filter: blur(0); -webkit-filter: blur(0); -moz-filter: blur(0); -ms-filter: blur(0); -o-filter: blur(0); }
.banner-box .swiper-button-next, .banner-box .swiper-button-prev { position: absolute; top: 50%; width: 35px; height: 35px; margin-top: -25px; cursor: pointer; z-index: 10; background: url(../images/awr.png); background-size: 100% 100%; }
.banner-box .swiper-button-next, .banner-box .swiper-button-next:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.banner-box .swiper-button-next:hover, .banner-box .swiper-button-prev:hover { background: url(../images/awr_ed.png) no-repeat; background-size: 100% 100%; }
.banner-box .swiper-button-prev { left: 22%; }
.banner-box .swiper-button-next { right: 22%; }
#section2 .swiper3 { display: none; }
/*section3*/
#section3 .about_l { width: 78.8%; height: 39.2vw; background-position: left bottom; background-repeat: no-repeat; background-size: cover; float: left; }
#section3 .about_r { width: 21.2%; height: 39.2vw; background-position: right bottom; background-repeat: no-repeat; background-size: cover; float: left; }
#section3 .aboutl_txt { width: 33%; height: 100%; position: absolute; left: 10%; top: 0; z-index: 10; }
#section3 .aboutl_txt .about_top { width: 100%; overflow: hidden; padding-top: 5vw; }
#section3 .aboutl_txt .about_top .abti { width: 9%; height: 3px; display: block; float: left; background: #c9151e; margin-top: 1.2vw; }
#section3 .aboutl_txt .about_top .winona { margin-left: 2%; }
#section3 .aboutl_txt .about_lc { width: 100%; overflow: hidden; padding-top: 1.4vw; }
#section3 .aboutl_txt .about_lc dl { width: auto; overflow: hidden; float: left; }
#section3 .aboutl_txt .about_lc dl dt { width: 100%; overflow: hidden; }
#section3 .aboutl_txt .about_lc dl dt span { font-family: 'youshebiaotiheiregular'; color: #c9151e; margin-right: 5px; }
#section3 .aboutl_txt .about_lc dl dt i { font-style: normal; color: #c9151e; font-family: 'youshebiaotiheiregular'; }
#section3 .aboutl_txt .about_lc dl dd { width: 100%; overflow: hidden; }
#section3 .aboutl_txt .about_lc dl:nth-of-type(2) { float: right; }
#section3 .aboutl_txt .abo { width: 100%; overflow: hidden; padding-top: 2.3vw; }
#section3 .aboutl_txt .abo dt { width: 100%; overflow: hidden; }
#section3 .aboutl_txt .abo dd { width: 100%; overflow: hidden; padding-top: 15px; line-height: 1.6vw; position: relative; }
#section3 .aboutl_txt .abo dd .more { display: block; position: absolute; bottom: 0; right: 0; color: #c9151e; text-transform: uppercase; }
#section3 .aboutl_txt .ablb { width: 100%; overflow: hidden; padding-top: 2.8vw; }
#section3 .aboutl_txt .ablb dl { width: 33%; overflow: hidden; position: relative; float: left; margin-right: 2%; }
#section3 .aboutl_txt .ablb dl dt { width: 100%; overflow: hidden; }
#section3 .aboutl_txt .ablb dl dt span { width: 100%; overflow: hidden; display: block; }
#section3 .aboutl_txt .ablb dl dt i { width: 100%; overflow: hidden; display: block; position: absolute; left: 0; top: 0; z-index: 5; -m oz-transition: .3s ease-in;
-webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; transition: .3s ease-in; transition: all .3s; }
#section3 .aboutl_txt .ablb dl dt ol { width: 100%; overflow: hidden; display: block; position: absolute; left: 0; top: -100%; z-index: 5; -m oz-transition: .3s ease-in;
-webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; transition: .3s ease-in; transition: all .3s; }
#section3 .aboutl_txt .ablb dl dd { width: 90%; overflow: hidden; color: #FFF; position: absolute; left: 10%; top: 40%; z-index: 10; }
#section3 .aboutl_txt .ablb dl:hover dt i { top: -100%; }
#section3 .aboutl_txt .ablb dl:hover dt ol { top: 0; }
#section3 .about_img { width: 40%; overflow: hidden; position: absolute; right: 10%; top: 5vw; z-index: 10; }
#section3 .about_img .about_tec { width: 100%; overflow: hidden; position: relative; }
#section3 .about_img .about_tec ol { width: 100%; overflow: hidden; display: block; }
#section3 .about_img .about_tec dl { width: auto; overflow: hidden; display: block; position: absolute; left: 8%; top: 10%; z-index: 10; color: #FFF; text-shadow: 3px 0 3px rgba(0, 0, 0, 0.4); }
#section3 .about_img .about_tec dl p { opacity: 0.8; padding-top: 10px; }
#section3 .about_img .about_tec dl dd { padding-top: 20px; }
/*section4*/
#section4 { padding: 5vw 0; }
#section4 .sgxc_top { width: 100%; overflow: hidden; }
#section4 .sgxc_top dt { width: 100%; overflow: hidden; height: 1.8vw; line-height: 1.8vw; }
#section4 .sgxc_top dt .abti { width: 4%; height: 3px; display: block; float: left; background: #c9151e; margin-top: 1vw; }
#section4 .sgxc_top dt .winona { margin-left: 2%; }
#section4 .sgxc_top dd { padding-top: 16px; }
#section4 .swiper2 { width: 100%; overflow: hidden; padding-top: 2.6vw; }
#section4 .swiper2 .swiper-slide { width: 100%; display: block; position: relative; overflow: hidden; }
#section4 .swiper2 .swiper-slide .pro_img { width: 100%; display: block; overflow: hidden; }
#section4 .swiper2 .swiper-slide .pro_txt { width: 100%; display: block; overflow: hidden; padding: 1vw 0; height: 6vw; }
#section4 .swiper2 .swiper-slide .pro_txt dt { width: 100%; overflow: hidden; margin: 0 auto; height: 20px; line-height: 20px; }
#section4 .swiper2 .swiper-slide .pro_txt dt .tina { width: 48%; overflow: hidden; display: block; float: left; height: 20px; }
#section4 .swiper2 .swiper-slide .pro_txt dt span { width: auto; height: 20px; padding: 0 5px; }
#section4 .swiper2 .swiper-slide .pro_txt dt .tinp { width: 32%; overflow: hidden; display: block; float: right; height: 20px; opacity: 0; }
#section4 .swiper2 .swiper-slide .pro_txt p { width: 100%; display: block; padding-top: 10px; opacity: 0.8; margin: 0 auto; }
#section4 .swiper2 .swiper-slide .pro_txt .xc_bo { width: 68%; height: 2vw; line-height: 2vw; margin: 20px auto 0 auto; background: #b60009; display: none; }
#section4 .swiper2 .swiper-slide .pro_txt .xc_bo i { width: 11.2%; height: 2vw; margin-right: 6%; display: block; float: left; background-image: url(../images/ioc2.png); background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: contain; margin-left: 17%; }
#section4 .swiper2 .swiper-slide .pro_txt .xc_bo span { width: auto; height: 2vw; line-height: 2vw; float: left; color: #FFF; }
#section4 .swiper2 .swiper-slide:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
#section4 .swiper2 .swiper-slide:hover .pro_txt { background: #c9151e; color: #FFF; }
#section4 .swiper2 .swiper-slide:hover .pro_txt dt { width: 90%; }
#section4 .swiper2 .swiper-slide:hover .pro_txt dt .tina { color: #FFF; }
#section4 .swiper2 .swiper-slide:hover .pro_txt dt .tinp { color: #FFF; opacity: 0.8; }
#section4 .swiper2 .swiper-slide:hover .pro_txt p { display: none; }
#section4 .swiper2 .swiper-slide:hover .pro_txt .xc_bo { display: block; }
#section4 .swiper2 .swiper-pagination { display: block; }
#section4 .swiper2 .swiper-pagination { position: relative; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; margin-top: 20px; }
#section4 .swiper2 .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; margin: 0 5px; cursor: pointer; }
#section4 .swiper2 .swiper-pagination-bullet-active { opacity: 1; background: rgba(0,0,0,.8); }
/*section5*/
#section5 { padding-top: 3vw; }
.news_top { width: 100%; height: 45px; }
.news_top dt { width: 19%; height: 45px; line-height: 45px; float: left; }
.news_top dt .nti { width: 20.7%; height: 3px; display: block; float: left; background: #c9151e; margin-top: 21px; }
.news_top dt .winona { margin-left: 10%; float: left; }
.news_top dd { width: auto; height: 45px; float: right; }
.news_top dd a { width: auto; height: 45px; line-height: 45px; padding: 0 30px; display: block; float: left; margin-left: 3vw; }
.news_top dd a:hover { background: #c9151e; color: #FFF; }
#section5 .news_bo { width: 100%; overflow: hidden; padding-top: 2vw; }
#section5 .news_bo .news_l { width: 35%; overflow: hidden; float: left; margin-left: 10%; }
#section5 .news_bo .news_l .swiper4 { width: 100%; overflow: hidden; }
#section5 .news_bo .news_l .swiper4 .swiper-slide { width: 100%; display: block; padding-bottom: 8.3vw; overflow: hidden; }
#section5 .news_bo .news_l .swiper4 .swiper-slide .new_img { width: 100%; display: block; overflow: hidden; }
#section5 .news_bo .news_l .swiper4 .swiper-slide .new_txt { width: 90%; overflow: hidden; background: #fff; display: block; position: absolute; left: 5%; bottom: 20px; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 10; padding: 1.6vw 0; }
#section5 .news_bo .news_l .swiper4 .swiper-slide .new_txt .tina { width: 83%; overflow: hidden; display: block; margin: 0 auto; height: 24px; line-height: 24px; }
#section5 .news_bo .news_l .swiper4 .swiper-slide .new_txt p { width: 83%; overflow: hidden; display: block; margin: 0 auto; line-height: 1.8; padding-top: 1vw; opacity: 0.8; }
#section5 .news_bo .news_l .swiper4 .swiper-slide .new_txt .linv { width: 83%; height: 3px; position: relative; margin: 1.7vw auto 0 auto; }
#section5 .news_bo .news_l .swiper4 .swiper-slide .new_txt .linv dt { width: 100%; height: 1px; background: #d2d2d2; display: block; margin-top: 2px; }
#section5 .news_bo .news_l .swiper4 .swiper-slide .new_txt .linv dd { width: 100%; height: 3px; background: #c9151e; display: block; position: absolute; left: 0; top: 0; z-index: 5; }
#section5 .news_bo .news_l .swiper4 .swiper-slide .new_txt span { width: 83%; overflow: hidden; padding-top: 1.2vw; font-family: Arial; margin: 0 auto; display: block; }
#section5 .swiper4 .swiper-pagination { width: 63px; position: relative; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: absolute; right: 14%; bottom: 3vw; z-index: 10; left: inherit; }
#section5 .swiper4 .swiper-pagination-bullet { width: 13px; height: 13px; display: inline-block; background: #959595; margin: 0 0 0 8px; cursor: pointer; border-radius: 0; opacity: 1; }
#section5 .swiper4 .swiper-pagination-bullet-active { background: #c9151e; }
#section5 .news_bo .news_r { width: 55%; overflow: hidden; float: left; border-top: 1px #dcdcdc solid; }
#section5 .news_bo .news_r ul { width: 70%; overflow: hidden; float: right; margin-right: 19.7%; }
#section5 .news_bo .news_r ul li { width: 100%; overflow: hidden; }
#section5 .news_bo .news_r ul li .new_ly { width: 70%; overflow: hidden; float: left; }
#section5 .news_bo .news_r ul li .new_ly dt { width: 100%; overflow: hidden; padding-top: 1.8vw; height: 22px; line-height: 22px; }
#section5 .news_bo .news_r ul li .new_ly dd { width: 100%; overflow: hidden; line-height: 1.8; padding-top: 10px; opacity: 0.8; height: 3vw; }
#section5 .news_bo .news_r ul li .new_ly .linm { width: 33%; height: 1px; position: relative; display: block; margin-top: 20px; }
#section5 .news_bo .news_r ul li .new_ly .linm i { width: 40%; height: 1px; background: #d2d2d2; display: block; }
#section5 .news_bo .news_r ul li .new_ly .linm ol { width: 100%; height: 1px; background: #c9151e; display: none; position: absolute; left: 0; top: 0; z-index: 10; }
#section5 .news_bo .news_r ul li .time { width: 24%; overflow: hidden; float: right; text-align: center; padding: 1.6vw 0; font-family: Arial; }
#section5 .news_bo .news_r ul li .time dt { height: 2.6vw; line-height: 2.6vw; }
#section5 .news_bo .news_r ul li .time dd { opacity: 0.7; padding-top: 5px; }
#section5 .news_bo .news_r ul li:hover .new_ly dt a { color: #c9151e; }
#section5 .news_bo .news_r ul li:hover .new_ly .linm ol { display: block; }
#section5 .news_bo .news_r ul li:hover .time { background: #c9151e; color: #FFF; }


#section5 .cjwd{ width: 100%; background:#f4f4f4; padding:3vw 0; margin-top:2.5vw; overflow:hidden;}
#section5 .cjwd .newn{ width:25%; overflow:hidden; float:left;}
#section5 .cjwd .newn .new_cn{ width:90%; overflow:hidden; display:block; margin:0 auto; border:1px #eeeeee solid; padding:2vw 0;}
#section5 .cjwd .newn .new_cn dt{ width:90%; overflow:hidden; height:24px; line-height:24px; margin:0 auto;}
#section5 .cjwd .newn .new_cn dd{ width:90%; overflow:hidden; line-height:1.8; margin:0 auto; opacity:0.8; padding-top:10px;}
#section5 .cjwd .newn .new_cn:hover{ border:1px #c9151e solid;}
#section5 .cjwd .newn .new_cn:hover dt a{ color:#c9151e;}













 @media screen and (max-width: 1550px) and (min-width:0) {
#section3 .aboutl_txt .about_top { padding-top: 3.5vw; }
#section5 .news_bo .news_r ul li .new_ly dd { height: 3.5vw; }
}
@media screen and (max-width: 1300px) and (min-width:0) {
#section5 .news_bo .news_l { width: 40%; margin-left: 5%; }
#section5 .news_bo .news_r { width: 55%; }
#section5 .news_bo .news_r ul { width: 82%; margin-right: 13%; }
#section5 .news_bo .news_r ul li .new_ly dd { height: 4vw; }
}
 @media screen and (max-width: 1200px) and (min-width:0) {
}
 @media screen and (max-width: 1024px) and (min-width: 0px) {
.navigation { display: none; }
/*section2*/
#section2 { padding-top: 40px; padding-bottom: 40px; }
#section2 .cplb { padding-bottom: 20px; background: #f4f4f4; }
#section2 .cplb .cp_img { display: none; }
#section2 .cplb .cplb_txt { position: inherit; left: 0; top: 0; padding-top: 20px; }
#section2 .cplb .cplb_txt .cplb_top { height: 35px; line-height: 35px; }
#section2 .cplb .cplb_txt .cplb_top .cpln { width: 4%; margin-top: 16px; }
#section2 .cplb .cplb_txt .cplb_top .winona { margin-left: 2%; }
#section2 .cplb .cplb_txt .cplb_top .more { width: auto; height: 33px; line-height: 33px; margin-right: 3.6%; }
#section2 .cplb .cplb_txt .cplb_top .more i { width: 22px; height: 33px; }
#section2 .cplb .cplb_txt .cplb_ln li { width: 50%; height: inherit; padding: 20px 0 0 0; }
#section2 .cplb .cplb_txt .cplb_ln li.cp1 { margin-left: 0; }
#section2 .cplb .cplb_txt .cplb_ln li.cp2 { margin-right: 0; }
#section2 .cplb .cplb_txt .cplb_ln li i { width: 12%; padding-top: 0; }
#section2 .cplb .cplb_txt .cplb_ln li span { width: 90%; position: inherit; left: 0; top: 20px; margin: 0 auto; padding-top: 20px; }
#section2 .banner-box { display: none; }
#section2 .swiper3 { display: block; }
#section2 .swiper3 .swiper-slide { width: 100%; display: block; position: relative; overflow: hidden; padding: 30px 0; text-align: center; }
#section2 .swiper3 .swiper-slide a { width: 100%; display: block; margin: 0 auto; }
#section2 .swiper3 .swiper-slide a img { width: 100%; }
#section2 .swiper3 .swiper-slide a ol { width: 100%; display: block; font-style: normal; padding-top: 15px; overflow: hidden; }
#section2 .swiper3 .swiper-slide a i { width: 10%; height: 2px; display: block; background: #c9151e; margin: 10px auto 0 auto; }
#section2 .swiper3 .swiper-slide a p { width: 100%; padding-top: 15px; overflow: hidden; line-height: 1.8; }
#section2 .swiper3 .swiper-pagination { display: block; }
#section2 .swiper3 .swiper-pagination { position: relative; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; margin-top: 20px; }
#section2 .swiper3 .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; margin: 0 5px; cursor: pointer; }
#section2 .swiper3 .swiper-pagination-bullet-active { opacity: 1; background: rgba(0,0,0,.8); }
/*section3*/
#section3 .about_l { height: 34vh; }
#section3 .about_r { height: 34vh; }
#section3 .aboutl_txt { width: 42%; height: 39.2vw; left: 5%; top: 40px; }
#section3 .aboutl_txt .about_top { padding-top: 0; height: 30px; line-height: 30px; }
#section3 .aboutl_txt .about_top .abti { width: 8%; margin-top: 13px; }
#section3 .aboutl_txt .about_top .winona { margin-left: 2%; }
#section3 .aboutl_txt .about_lc { padding-top: 10px; }
#section3 .aboutl_txt .abo { padding-top: 15px; }
#section3 .aboutl_txt .abo dd { padding-top: 10px; line-height: 2; }
#section3 .aboutl_txt .ablb { padding-top: 20px; }
#section3 .aboutl_txt .ablb dl { width: 40%; margin-right: 2%; }
#section3 .about_img { width: 45%; right: 5%; top: 50px; }
/*section4*/
#section4 { padding: 40px 0; }
#section4 .sgxc_top dt { height: 30px; line-height: 30px; }
#section4 .sgxc_top dt .abti { width: 8%; margin-top: 13px; }
#section4 .sgxc_top dd { padding-top: 10px; }
#section4 .swiper2 { padding-top: 25px; }
#section4 .swiper2 .swiper-slide .pro_txt { padding: 10px 0; height: inherit; }
#section4 .swiper2 .swiper-slide .pro_txt dt { height: inherit; line-height: inherit; }
#section4 .swiper2 .swiper-slide .pro_txt dt .tina { width: 100%; float: inherit; height: 20px; }
#section4 .swiper2 .swiper-slide .pro_txt dt span { display: none; }
#section4 .swiper2 .swiper-slide .pro_txt dt .tinp { display: none; }
#section4 .swiper2 .swiper-slide .pro_txt p { height: 20px; overflow: hidden; }
#section4 .swiper2 .swiper-slide .pro_txt .xc_bo { display: none; }
/*section5*/
#section5 { padding-top: 40px; }
.news_top { height: 30px; }
.news_top dt { width: 30%; height: 30px; line-height: 30px; }
.news_top dt .nti { width: 29.8%; height: 3px; margin-top: 13px; }
.news_top dt .winona { margin-left: 10%; }
.news_top dd { height: 30px; }
.news_top dd a { height: 30px; line-height: 30px; padding: 0 20px; margin-left: 15px; }
#section5 .news_bo { padding-top: 20px; }
#section5 .news_bo .news_l .swiper4 .swiper-slide { padding-bottom: 0; }
#section5 .news_bo .news_l .swiper4 .swiper-slide .new_txt { padding: 15px 0; position: inherit; }
#section5 .news_bo .news_l .swiper4 .swiper-slide .new_txt .tina { width: 90%; height: 24px; line-height: 24px; }
#section5 .news_bo .news_l .swiper4 .swiper-slide .new_txt p { width: 90%; height: 20px; line-height: 20px; padding-top: 10px; }
#section5 .news_bo .news_l .swiper4 .swiper-slide .new_txt .linv { width: 90%; margin: 15px auto 0 auto; }
#section5 .news_bo .news_l .swiper4 .swiper-slide .new_txt span { width: 90%; padding-top: 10px; right: 14%; bottom: 3vw; }
#section5 .swiper4 .swiper-pagination-bullet { margin: 0 0 0 5px; }
#section5 .news_bo .news_r ul li .new_ly { width: 75%; padding: 10px 0; }
#section5 .news_bo .news_r ul li .new_ly dt { padding-top: 0; }
#section5 .news_bo .news_r ul li .new_ly dd { line-height: 20px; height: 20px; }
#section5 .news_bo .news_r ul li .new_ly .linm { width: 50%; margin-top: 15px; }
#section5 .news_bo .news_r ul li .time { width: 20%; line-height: normal; padding: 15px 0; }
#section5 .news_bo .news_r ul li .time dt { height: 30px; line-height: 30px; }

#section5 .cjwd{ padding:30px 0; margin-top:20px;}
#section5 .cjwd .newn .new_cn{ padding:20px 0;}
#section5 .cjwd .newn .new_cn dt a{ color:#c9151e;}

}
@media screen and (max-width: 768px) and (min-width: 0px) {
/*section2*/
#section2 { padding-top: 30px; padding-bottom: 30px; }
#section3 .about_l { height: 40vh; }
#section3 .about_r { height: 40vh; }
#section3 .aboutl_txt { top: 30px; }
#section3 .aboutl_txt .about_top { height: 26px; line-height: 26px; }
#section3 .aboutl_txt .about_top .abti { width: 8%; margin-top: 11px; }
#section3 .about_img { top: 30px; }
/*section4*/
#section4 { padding: 30px 0; }
/*section5*/
#section5 { padding-top: 30px; }
#section5 .cjwd{ padding:20px 0; margin-top:15px;}
#section5 .cjwd .newn{ width:50%; margin-bottom:20px;}
#section5 .cjwd .newn .new_cn{ width:96%;}
#section5 .cjwd .newn .new_cn dd{ height:40px; line-height:1.6;}



}
@media screen and (max-width: 420px) and (min-width: 0px) {
/*section2*/
#section2 { padding-top: 20px; padding-bottom: 20px; }
#section2 .cplb .cplb_txt .cplb_ln li i { width: 30%; }
/*section3*/
#section3 .about_l { width: 100%; height: 55vh; }
#section3 .about_r { width: 100%; height: 42vh; }
#section3 .aboutl_txt { width: 90%; top: 20px; left: 5%; }
#section3 .about_img { width: 90%; bottom: 20px; right: 5%; top: inherit; }
/*section4*/
#section4 { padding: 20px 0; }
#section4 .swiper2 .swiper-slide .pro_txt { text-align: center; }
/*section5*/
#section5 { padding-top: 20px; }
.news_top { height: inherit; overflow: hidden; }
.news_top dt { width: 100%; }
.news_top dt .nti { width: 8%; }
.news_top dt .winona { margin-left: 2%; }
.news_top dd { width: 100%; height: 30px; float: inherit; display: inline-block; padding-top: 20px; text-align: center; }
.news_top dd a { padding: 0 20px; margin-left: 10px; margin-right: 10px; background: #c9151e; color: #FFF; display: inline-block; float: inherit; margin-bottom:10px; }
#section5 .news_bo { padding-top: 15px; }
#section5 .news_bo .news_l { width: 90%; float: inherit; margin-left: 5%; margin-right: 5%; }
#section5 .news_bo .news_l .swiper4 .swiper-slide .new_txt span { right: 10%; bottom: 30px; }
#section5 .news_bo .news_r { width: 90%; float: inherit; border-top: none; padding-top: 10px; margin-left: 5%; margin-right: 5%; }
#section5 .news_bo .news_r ul { width: 100%; float: inherit; margin-right: 0; }
#section5 .news_bo .news_r ul li .new_ly { width: 80%; padding: 10px 0; }
#section5 .news_bo .news_r ul li .new_ly .linm { margin-top: 10px; }
#section5 .news_bo .news_r ul li .time { width: 15%; padding: 10px 0; }
#section5 .news_bo .news_r ul li .time dt { height: 30px; line-height: 30px; }
#section5 .cjwd .newn{ width:100%; margin-bottom:20px;}


}
@media screen and (max-width: 320px) and (min-width: 0px) {
/*section3*/
#section3 .about_l { height: 62vh; }
#section3 .about_r { height: 45vh; }
}
 @-moz-keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
@-webkit-keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
@-o-keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
@keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}